<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>ForFuture News后台管理登录</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
		<link rel="icon" href="images/icon.jpg" type="x-images/icon"/>
		<link rel="stylesheet" href="css/bootstrap.css">
		<link href="css/style.css" type="text/css" rel="stylesheet">
		<style>
			body {
				color: #fff;
				font-family: "微软雅黑";
				font-size: 14px;
			}
			
			.wrap1 {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto
			}
			/*把整个屏幕真正撑开--而且能自己实现居中*/
			
			.main_content {
				background: url(images/main_bg.png) repeat;
				margin-left: auto;
				margin-right: auto;
				text-align: left;
				float: none;
				border-radius: 8px;
			}
			
			.form-group {
				position: relative;
			}
			
			.login_btn {
				display: block;
				background: #3872f6;
				color: #fff;
				font-size: 15px;
				width: 100%;
				line-height: 50px;
				border-radius: 3px;
				border: none;
			}
			
			.login_input {
				width: 100%;
				border: 1px solid #3872f6;
				border-radius: 3px;
				line-height: 40px;
				padding: 2px 5px 2px 30px;
				background: none;
			}
			
			.icon_font {
				position: absolute;
				bottom: 15px;
				left: 10px;
				font-size: 18px;
				color: #3872f6;
			}
			
			.font16 {
				font-size: 16px;
			}
			
			.mg-t20 {
				margin-top: 20px;
			}
			
			@media (min-width:200px) {
				.pd-xs-20 {
					padding: 20px;
				}
			}
			
			@media (min-width:768px) {
				.pd-sm-50 {
					padding: 50px;
				}
			}
			
			#grad {
				background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3);
				/* Safari 5.1 - 6.0 */
				background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3);
				/* Opera 11.1 - 12.0 */
				background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3);
				/* Firefox 3.6 - 15 */
				background: linear-gradient(#4990c1, #52a3d2, #6186a3);
				/* 标准的语法 */
			}
		</style>

	</head>

	<body style="background:url(images/bg.jpg) no-repeat;">

		<div class="container wrap1" style="height:450px;">
			<h2 class="mg-b20 text-center">ForFuture News后台登录</h2>
			<div class="col-sm-8 col-md-5 center-auto pd-sm-50 pd-xs-20 main_content">
				<p class="text-center font16">用户登录</p>
				<form action="AdminLogin" method="post">
					<div class="form-group mg-t20">
						<i class="icon-user icon_font"></i>
						<input type="text" class="login_input" id="username" name="username" 
								placeholder="请输入用户名" autofocus="autofocus"/>
					</div>
					
					<div class="form-group mg-t20">
						<i class="icon-lock icon_font"></i>
						<input type="password" class="login_input" id="password" name="password"
							placeholder="请输入密码" />
					</div>
					<li id="error">
                    	<%
                    		String msg=(String)request.getAttribute("msg");
                    		if(msg!=null && !msg.equals("")){
                    			out.print(msg);
                    		}
                    	 %>
                    </li>
					<div class="checkbox mg-b25">
						<label>
                            <input type="checkbox" />记住我的登录信息
                        </label>
					</div>
					<button style="submit" class="login_btn">登 录</button>
					<br />
					<div style="text-align:center;font-size: 15px;">
						<p>Copyright &copy; 2017-2020
							<a href="http://www.ganquanzhong.top/mynews/" target="_blank">ForFuture News</a>
						</p>
					</div>
				</form>
			</div>
			<!--row end-->
		</div>
		
	</body>

</html>
